<template>
	 
	<view class="servelist">
		<view v-for="(item,index) in list" :key="index" class="serve" @click="tourl('/pages/appointment/goodsInfo?id='+item.id)">
			<view class="s1">{{item.name}}</view>  	
			<view class="s2"><text>{{item.money}}</text> 元/{{item.unit}}</view>
			<view class="s3">
				<view class="">{{item.salesVolume}}</view>
				<view style="color: #999999;font-size: 24rpx;">总销量</view>
			</view>
		</view>
	</view>
	 
</template>

<script>
	 
	export default {
		name:"goods-list",
		data() {
			return {
				list: [],
			};
		}
	}
</script>

<style lang="scss" scoped>
	.servelist{
		padding: 20rpx;
		.serve{
			margin-bottom: 20rpx;
			background-color: #FFFFFF;
			border-radius: 20rpx;
			width: 100%;
			display: flex;
			align-items: center;
			padding:35rpx 25rpx;
			.s1{
				font-size: 32rpx;
				font-weight: bold;
				color: #333333;
			}
			.s2{
				flex: 1;
				font-size: 28rpx;
				text-align: right;
				line-height: 40rpx;
				text{
					font-size: 40rpx;
					font-weight: bold;
					color: #277EEF;
					line-height: 40rpx;
					margin-right: 5rpx;
				}
			}
			.s3{
				width: 150rpx;
				text-align: right; 
				view{
					font-size: 28rpx;
					color: #333333; 
					line-height: 40rpx;
				}
				
			}
		}
	}

</style>